<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@page import=" com.cap.bts.framework.usermgnt.constant.EmployeeStatus"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>人员审批详情</title>
<%@include file="../include/include.jsp"%>
<link rel="stylesheet" type="text/css" href="${csspath }/public.css"/>
<link rel="stylesheet" type="text/css" href="${csspath }/datepicker.css"/>
<link rel="stylesheet" type="text/css" href="${csspath }/style_l.css"/>
<script type="text/javascript" src="${jspath }/jquery-1.4.4.js"></script>
<script type="text/javascript" src="${jspath }/jquery.ui.min.js"></script>
<script type="text/javascript" src="${jspath }/ui.datepicker_zh-CN.js"></script>
<script type="text/javascript" src="${jspath }/jquery.blockUI.js"></script>
<script type="text/javascript" src="${jspath }/public.js"></script>
<script type="text/javascript" src="${jspath }/jquery.selectAll.js"></script>
<script type="text/javascript" src="${jspath}/jquery/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="${jspath}/jquery/jquery.alerts.js"></script>
<link rel="stylesheet" type="text/css" href="${csspath}/jquery.alerts.css" />
<script type="text/javascript" src="${jspath}/load_layer.js"></script>
    <script type="text/javascript" src="${jspath}/jquery/tree/menuSetTree.js"></script>
    <script type="text/javascript" src="${jspath}/jquery/tree/jquery.jstree.js"></script>
    <script type="text/javascript" src="${jspath}/jquery/tree/dmsTree.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	
});
</script>
</head>

 <body>
	<!-- content -->
	<div id="content">
		<!-- wrap -->
		<div id="wrap">

			<!-- breadcrumb -->
			<div id="breadcrumb">
				<div class="left">
					<span>详情</span>
				</div>
	            <div class="right">
	                <a href="javascript:window.history.back();" class="back">返回</a>
	            </div>
			</div>
			<!-- /breadcrumb -->
			<!-- info_div -->
			<div class="info_div">
				<div class="title">
					<p class="min" title="点击展开/隐藏详细信息">基本资料</p>
				</div>
                <div>
				<table class="info_tab">
                    <tr>
						  <td colspan="6" class="spliterInfo_Line">
						  </td>
					</tr>                    
					<tr>
                      <td height="31" class="label">员工姓名：</td>
                      <td>${employeeDetailDto.employeeName }</td>
                      <td class="label">性别：</td>
                      <td>${gender}</td>
                      <td class="label">手机：</td>
                      <td>${employeeDetailDto.mobilePhone }</td>
                    </tr>
                    <tr>
                      <td class="label">可导出数据：</td>
                      <td>${exportData}</td>
                      <td class="label">电子邮件：</td>
                      <td colspan="3">${employeeDetailDto.email }</td>
                    </tr>
                    <tr>
                      <td class="label">证件类型：</td>
                      <td>${certificateType }</td>
                      <td class="label">证件号码：</td>
                      <td>${employeeDetailDto.certificateCode }</td>
                      <td class="label">婚姻状况：</td>
                      <td>${marriage }</td>
                    </tr>
                    <tr>
                      <td class="label">籍贯：</td>
                      <td>${employeeDetailDto.birthPlace }</td>
                      <td class="label">生日：</td>
                      <td><fmt:formatDate value="${employeeDetailDto.birthDate}"  pattern="yyyy-MM-dd" /></td>
                      <td class="label">学历：</td>
                      <td>${education }</td>
                    </tr>
                    <tr>
                      <td class="label">住址：</td>
                      <td colspan="3">${ employeeDetailDto.address }</td>
                      <td class="label">就业状态：</td>
                      <td>${workStatus }</td>
                    </tr>
                    <tr>
					  <td colspan="6" class="spliterInfo_Line">
					    <img src="${webcontext}/images/pictures_l/spliterInfo_line_04.gif" width="550" height="9" />
					  </td>
					</tr>
                  </table>
                </div>
			</div>
			<!-- /info_div -->
         <div class="spliter h_5"></div>
        <div class="info_div">
				<div class="title">
					<p class="min" title="点击展开/隐藏详细信息">历史审批信息</p>
				</div>
                <div>
				<table class="data_tab">
	                  <tr>
	                    <th class="w_20">审批岗位</th>
	                    <th class="w_20">审批人</th>
	                      <th class="w_20">审批结果</th>
	                      <th class="w_20">审批日期</th>
	                      <th class="w_20">备注</th>
	                  </tr>
	                  <core:forEach items="${hisApproveList}" var="result">
	                  <tr>
						  <td class="align_m">${result.userGroupName}</td>
						  <td class="align_m">${result.approveUserName}</td>
						  <td class="align_m">
						  	<core:if test="${result.approveResult==1}">通过</core:if>
						  	<core:if test="${result.approveResult==2}">驳回</core:if>
						  </td>
						  <td class="align_m"><fmt:formatDate value="${result.approveDate}" type="date" pattern="yyyy-MM-dd"/></td>
						  <td class="align_m">${result.approveMemo}</td>
					  </tr>
				   </core:forEach>
	            </table>
                </div>
			</div>
			<div class="spliter h_5"></div>
        	<div class="info_div">
				<div class="title">
					<p class="min" title="点击展开/隐藏详细信息">当前审批信息</p>
				</div>
                <div>
				<table class="data_tab">
                  <tr>
                    <th class="w_20">当前审批岗位</th>
                    <th class="w_20">审批人</th>
                      <th class="w_20">审批结果</th>
                      <th class="w_20">审批日期</th>
                      <th class="w_20">备注</th>
                  </tr>
                  <core:forEach items="${curApproveList}" var="result">
	                <tr>
					  <td class="align_m">${result.userGroupName}</td>
					  <td class="align_m"></td>
					  <td class="align_m"></td>
					  <td class="align_m"></td>
					  <td class="align_m"></td>
					</tr>
				   </core:forEach>
                </table>
                </div>
			</div>
		<!-- /wrap -->
	</div>
	<!-- /content -->

  </body>
</html>
